<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript">
			document.write('<script src="../../js/fix.js?rd=?rd=' + Math.random() + '"><\/script>');
		</script>
		<script type="text/javascript">
			link(['../../css/tour/checkReport.css','../../css/mui.picker.min.css','../../css/mui.poppicker.css']);
		</script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">巡检任务详情</h1>
		</header>
		<div class="mui-content" id="list_wrap">

		</div>
		<div class="mui-content" id="myinfo_warp" style="margin-top: 10px; padding-top: 0;">
			
		</div>
		<script type="text/html" id="taskInfoList">
			<ul class="mui-table-view mb1rem tblv-nl" >
				<li class="mui-table-view-cell">
					<a>单位名称：<span id="">{{unitName}}</span></a>
				</li>
				<li class="mui-table-view-cell">
					<a>单位地址：<span id="">{{unitAddress}}</span></a>
				</li>
				<li class="mui-table-view-cell">
					<a>负责人：<span id="">{{inspectUserName}}</span></a>
				</li>
				<li class="mui-table-view-cell">
					<a>联系方式：<span id="">{{phone}}</span></a>
				</li>
				<li class="mui-table-view-cell">
					<a>问题等级：<span id="">{{badLevel}}级</span></a>
				</li>
				<li class="mui-table-view-cell">
					<a>问题描述：</a>
					<p id="">{{badDesc}}</p>
				</li>
			</ul>
			<h5 class="mui-content-padded">是否需要维修</h5>
			<div class="">
				<form class="mui-input-group inline-radio">
					<div class="mui-input-row mui-radio mui-left">
						<label>需要维修</label>
						{{if needRepair == 1}}
						<input name="needRepaire" type="radio" id="needRepair" checked disabled>
						{{else}}
						<input name="needRepaire" type="radio" id="needRepair" disabled>
						{{/if}}
					</div>
					<div class="mui-input-row mui-radio mui-left">
						<label>不需要维修</label>
						{{if needRepair !== 1}}
						<input name="needRepaire" type="radio" id="noNeedRepair" checked disabled>
						{{else}}
						<input name="needRepaire" type="radio" id="noNeedRepair" disabled>
						{{/if}}
					</div>
				</form>
			</div>
			<div class="mui-content-padded">
				<p>问题图片</p>
				<div id="sanm-img-box">
				{{each fileNameList as items}}
				<img src="{{items}}">
				{{/each}}
				</div>
			</div>
			
			{{if dealStatus == 2}}
			<div class="mui-content-padded">
				<h5 class="">处理说明</h5>
				<div class="">
					<div class="row mui-input-row">
						<p>{{dealInfo}}</p>
					</div>
				</div>
			</div>
			{{else}}
			<div id="handleNotes">
				<h5 class="mui-content-padded">处理说明</h5>
				<div class="">
					<div class="row mui-input-row">
						<textarea rows="2" id='notes' class="mui-input-clear question" placeholder="请填写处理说明..."></textarea>
					</div>
				</div>
			</div>
			{{/if}}
			
			
			{{if appoint == 0}}
			<div id="showSelect" class="mui-content-padded" style="display: none;">
				<p>已指派给：<span id="selectUserName"></span></p>
			</div>
			{{else}}
			<div class="mui-content-padded">
				<p>已指派给：<span id="selectUserName">{{appointUserName}}</span></p>
			</div>
			{{/if}}
			
			{{if dealStatus !== 2}}
			<div class="mui-content-padded" id="sanm-type">
				<button id="reportBtn" type="button" class="mui-btn-block mui-btn-success">完成</button>
				{{if appoint == 0}}
				<button id="showUserPicker" type="button" class="mui-btn-block mui-btn-primary">指派</button>
				{{/if}}
			</div>
			{{/if}}
		</script>
		<script type="text/html" id="taskList">
			<ul class="mui-table-view mb1rem tblv-nl" >
				{{each result as item}}
				<li class="mui-table-view-cell">
					<a>{{item.checkInfo}}：<span>
					{{if item.checkVal == 1}}完好{{/if}}
					{{if item.checkVal == 2}}有问题{{/if}}
					</span></a>
				</li>
				{{/each}}
			</ul>
		</script>
		<script type="text/javascript">
			//必须顺序加载
			script(['../../js/lib/picker/mui.picker.min.js','../../js/lib/picker/mui.poppicker.js','../../js/tour/checkReportDetail.js']);
		</script>
	</body>
	
</html>